html,
body {
	width: 100%;
	height: 100%;
}

body {
	background-image: url(../img/bg.jpg);
	background-image: no-repeat;
	background-size: 100% 100%;
}

#wrap01 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#user {
	width: 300px;
	height: 60px;
	background: transparent;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom-width: 3px;
	outline: none;
	font-size: 35px;
}

#password {
	width: 300px;
	height: 60px;
	background: transparent;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom-width: 3px;
	outline: none;
	font-size: 35px;
}

input:focus {
	border-bottom-color: red;
}

#login01 {
	width: 240px;
	height: 81px;
	position: absolute;
	left: 25%;
	top: 60%;
	background: url(../img/btn_login_n.png) no-repeat;
	background-size: 100% 100%;
}

#login01:hover {
	background: url(../img/btn_login_p.png) no-repeat;
}

#login02 {
	width: 240px;
	height: 81px;
	position: absolute;
	right: 25%;
	top: 60%;
	background: url(../img/btn_logout_n.png) no-repeat;
	background-size: 100% 100%;
}

#login02:hover {
	background: url(../img/btn_logout_p.png) no-repeat;
}

input::-webkit-input-placeholder {
	color: white;
	font-family: 楷体;
}
